<%@ page language="java" contentType="text/html; charset=UTF-8"	 pageEncoding="UTF-8"%>
<%@ include file="../include/laypublic.jsp"%>
<!DOCTYPE html>
<html>
<head>
  <title>项目指标预算详情</title>
</head>
<style>
	.layui-btn-red {
	    border: 1px dashed #FF0000;
	    background-color: #fff;
	    color: #555;
	}
	.layui-btn-red:hover{border-color:#FF0000;color:#333}
	.layui-legend{
		background-color:#5fb878;
		font-size:15px !important;
		width:140px;
	}
	.layui-form-item {
	    margin-bottom: 5px;
	    clear: both;
	    *zoom: 1;
	}
	.fieldset{
		margin-top: 5px;
		margin-bottom: 0px
	}
	.layui-form-label{width: 180px;}
	.right{
		float:right;
	}
	.width106{
		width:106px;
	}
	.width60{
		width:60px;
	}
  
</style>
<body>
<div class="layui-fluid">
    <div class="layui-card">
	    <div class="layui-tab-item layui-show">
			<div class="layui-card">
	          <div class="layui-card-body">
	            <div class="layui-tab layui-tab-brief" lay-filter="component-tabs-brief">
	              <div class="layui-tab-content">
	                <div class="layui-tab-item layui-show">
						<!-- start 业务表单数据显示  put yourself data here -->
						<form class="layui-form" id="addInfo_form">
						<fieldset class="layui-elem-field layui-field-title fieldset"  id="baseInfo">
						  <legend class="layui-btn layui-legend" style="text-align:left;cursor:default;">预算基础信息  ></legend>
						  <div style="margin-top:20px">
						  	<div class="layui-form-item">
						  		<div class="layui-inline">
							      	<label class="layui-form-label">申请公司</label>
							      	<div class="layui-input-inline">
						        		<input type="text" name="orgName" value="${proBudget.orgName }" style="border:0px;" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
							    <div class="layui-inline">
							    	<label class="layui-form-label">申请部门</label>
						      		<div class="layui-input-inline">
						        		<input type="text" name="orgName" value="${proBudget.deptName }" style="border:0px;" readonly="readonly" class="layui-input">
						      		</div>
							    </div>
							    <div class="layui-inline">
							    	<label class="layui-form-label">登记人</label>
						      		<div class="layui-input-inline">
						        		<input type="text" name="staffName" value="${proBudget.staffName }" readonly="readonly" style="border:0px" class="layui-input">
						      		</div>
							    </div>
						    </div>
						    <div class="layui-form-item">
						  		<div class="layui-inline">
							      	<label class="layui-form-label">项目名称</label>
							      	<div class="layui-input-inline">
							        	<input type="text" value="${proBudget.proName }" style="border:0px;width:220px" readonly="readonly" class="layui-input">
							      	</div>
							    </div>
							    <div class="layui-inline">
							    	<label class="layui-form-label">预算年度</label>
						      		<div class="layui-input-inline">
						        		<input type="text" value="${proBudget.belongsYear }" style="border:0px;" readonly="readonly" class="layui-input">
						      		</div>
							    </div>
						    </div>
				  		</div>
					</fieldset>
					<fieldset class="layui-elem-field layui-field-title fieldset" id="houseInfo">
				  		<legend class="layui-btn layui-legend" style="text-align:left;cursor:default;">年度预算明细  ></legend>
					  	<div style="margin-top:20px">
					  		<div class="layui-form-item"  style="margin: 0 20px;">
					  			<table class="layui-table layuiadmin-page-table" lay-skin="line">
				                  	<thead>
					                    <tr>
					                      <th>月份</th>
					                      <th>建安产值（元）</th>
					                      <th>融资额（元）</th>
					                      <th>投资额（元）</th>
					                      <th>管理净利润（元）</th>
					                      <th>投资性现金流入（元）</th>
					                      <th>投资性现金流出（元）</th>
					                    </tr> 
				                  	</thead>
				                  	<tbody>
						  			<c:forEach items="${proBudget.budgetDetails }" var="detail" varStatus="status">
						  				<tr>
				                      		<td>${detail.months }</td>
				                      		<td>${detail.caeFee }</td>
				                      		<td>${detail.finFee }</td>
				                      		<td>${detail.investFee }</td>
				                      		<td>${detail.manageProfit }</td>
				                      		<td>${detail.cashIn }</td>
				                      		<td>${detail.cashOut }</td>
				                    	</tr>
									</c:forEach>
									</tbody>
									<tfoot>
					                    <tr>
					                      <td>合计</td>
					                      <td>${proBudget.caeSum }</td>
					                      <td>${proBudget.finSum }</td>
					                      <td>${proBudget.investSum }</td>
					                      <td>${proBudget.manageProfitSum }</td>
					                      <td>${proBudget.cashInSum }</td>
					                      <td>${proBudget.cashOutSum }</td>
					                    </tr>
				                  	</tfoot>
								</table>
						    </div>
					  	</div>
					</fieldset>
					</form>
					<!-- 务表单数据显示  -->
	                </div>
	              </div>
	            </div>
	          </div>
	        </div>
  		</div>
	</div>
</div>
  <script>
  	layui.config({
	    base: '${ctx}/resources/layuiadmin/' //静态资源所在路径
	  }).extend({
	    index: 'lib/index' //主入口模块
	  }).use(['index', 'table', 'set', 'transfer', 'upload'], function(){
	    var $ = layui.$
	    ,upload = layui.upload
	    ,table = layui.table
	    ,form = layui.form;
	    
	    upload.render({
	      elem: '#upload-more'
	      ,url: basePath + '/flowProcess/uploadAtt/'
	      ,multiple: true
	      ,accept: 'file'
	      ,acceptMime: 'application/zip,application/x-rar-compressed,image/jpeg,image/png,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/pdf'
	   	  ,before: function(obj){ //obj参数包含的信息
	   		    layer.load(); //上传loading
	   		  }
	      ,done: function(res){
	    	  //如果上传失败
	          if(res.code > 0){
	        	  layer.closeAll('loading'); //关闭loading
	        	  return layer.msg(res.msg,{icon: 7});
	          }
	          //上传完毕
	   	  	  if(res.entity != null && res.entity.length > 0){
				for(var i in res.entity){
					var askBillAtt = res.entity[i];
					var arr = askBillAtt.split("|");
					var imgSrc = "";
					var suffix = arr[0].substring(arr[0].lastIndexOf(".")+1,arr[0].length);
					if(suffix == 'jpg' || suffix == 'png'){
						imgSrc = "${fileHttpPre}/"+arr[2];
					}else{
						imgSrc = "${ctx}/resources/images/"+suffix+".jpg";
					}
	        		$('#upload-more-list').append('<div class="layui-upload-img-div" id="upload_img_'+arr[1]+'"><img src="'+imgSrc+'" title="'+ arr[0] +'" class="layui-upload-img"><div class="mask"><a href="javascript:void(0)" onclick="showImg(\''+"${fileHttpPre}"+arr[2] +'\');">查看</a><a href="javascript:void(0)" onclick="del(\''+arr[1]+'\')";>删除</a></div><p>'+arr[0]+'</p><input type="hidden" value="'+askBillAtt+'" id="fileAtt_'+arr[1]+'" name="fileAtt" ></input></div> ');
				}
		  	  }
	      }
	      ,allDone: function(obj){ //当文件全部被提交后，才触发
	    	  layer.closeAll('loading'); //关闭loading
	      }
	      ,error: function(){
	    	  layer.closeAll('loading'); //关闭loading
	          //上传失败
	          layer.msg("上传失败，请稍后再试~",{icon: 7});
	        }
	    });
	    	  	
	    // data-type事件
	    $('.layui-btn.layuiadmin-btn-admin').on('click', function(){
	      var type = $(this).data('type');
	      active[type] ? active[type].call(this) : '';
	    });
	  	
	  });
  
  </script>
</body>
</html>

